// pages/Buyflowers/Buyflowers.js
const app = getApp();
Page({
    /**
     * 页面的初始数据
     */
    data: {
      currentTab: 0, // 当前选中的Tab索引
      mainActiveIndex: 0,
      activeId: null,
      activeKey: 0,
      flowers:[],
      listData: [],     // 页面数据容器
    isLoading: true   // 加载状态
    },
    loadData() {
        if (app.globalData.cachedData) {
          // 立即使用缓存数据
          this.setData({
            listData: app.globalData.cachedData.filter(o=>{
                return  o.tag === "鲜花"
            }),
            flowers:app.globalData.cachedData,
            isLoading: false
          });
        } else {
          // 处理延迟加载场景
          const checkData = setInterval(() => {
            if (app.globalData.cachedData) {
              clearInterval(checkData);
              this.setData({
                listData: app.globalData.cachedData,
                isLoading: false
              });

            }
          }, 200);
        }
      },
    
      // 手动刷新方法
      async onPullDownRefresh() {
        await app.refreshData();
        this.loadData();
        wx.stopPullDownRefresh();
      },
    switchTab(e) {
      const index = e.currentTarget.dataset.index;
      this.setData({
        currentTab: index,
      });
      console.log(this.data.currentTab,this.data.listData);
      
      if(this.data.currentTab == 0){
          this.setData({
              listData: this.data.flowers.filter(o=>{
                return  o.tag === "鲜花"
              })
          })
      }else if(this.data.currentTab == 1){
        this.setData({
            listData: this.data.flowers.filter(o=>{
              return  o.tag === "玫瑰"
            })
        })
      }else if(this.data.currentTab == 2){
        this.setData({
            listData: this.data.flowers.filter(o=>{
              return  o.tag === "花束"
            })
        })
      }else if(this.data.currentTab == 3){
        this.setData({
            listData: this.data.flowers.filter(o=>{
              return  o.tag === "盆栽"
            })
        })
      }else if(this.data.currentTab == 4){
        this.setData({
            listData: this.data.flowers.filter(o=>{
              return  o.tag === "花瓶"
            })
        })
      }
    },
      search() {
              wx.navigateTo({
                url: '/pages/search/search',
              })
            },
    onClickNav({ detail = {} }) {
        console.log('250');
      this.setData({
        mainActiveIndex: detail.index || 0,
      });
    },

     shuffleArray(array) {
        for (let i = array.length - 1; i > 0; i--) {
            // 生成一个 0 到 i 之间的随机索引
            const j = Math.floor(Math.random() * (i + 1));
            // 交换 array[i] 和 array[j]
            [array[i], array[j]] = [array[j], array[i]];
        }
        return array;
    },
    

 
    onChangelist(){
        const myArray = this.data.listData;
        const shuffledArray = this.shuffleArray(myArray);
        this.setData({
            listData: shuffledArray
        })
    },
    onClickItem({ detail = {} }) {
      const activeId = this.data.activeId === detail.id ? null : detail.id;
  
      this.setData({ activeId });
      console.log(activeId);
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.loadData();
    },
  
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {
  
    },
  
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
  
    },
  
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {
  
    },
  
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {
  
    },
  
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {
  
    },
  
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {
  
    },
  
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {
  
    }
  })